<style>
  div {
    font-size:36pt;
    width:100px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    direction:rtl;
  }
</style>

<p>The text and ellipsis should not overlap.</p>
<div>&#1607;&#1584;&#1575; &#1607;&#1608; &#1575;&#1604;&#1575;&#1582;&#1578;&#1576;&#1575;&#1585;</div>

